<template>
	<n-layout class="h-full bg-bg-1" has-sider>
		<layout-main-aside-left />
		<n-layout class="bg-bg-1">
			<layout-main-header />
			<layout-main-content />
		</n-layout>
		<layout-main-aside-right />
	</n-layout>
</template>
<script lang="ts" setup>
import { NLayout, useMessage } from 'naive-ui'
import LayoutMainAsideLeft from './layout-main-aside-left.vue'
import LayoutMainAsideRight from './layout-main-aside-right.vue'
import LayoutMainHeader from './layout-main-header.vue'
import LayoutMainContent from './layout-main-content.vue'

defineOptions({
	name: 'LayoutMain'
})

const message = useMessage()

window.$message = message
</script>
